<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        /* 
对象结构：
  1. 变量的名字匹配对象的属性
  2. 匹配成功将属性赋值给变量
  3. 解构变量顺序和对象属性无关
  4. { : } 冒号左边匹配属性，成功后给右边的变量
           给变量取了别名

总结： 此时的  [] {} 是解构的意思 
*/

        let person = {
            address: '郑州',
            age: '30',
            sex: '男',
        };

        let {
            address,
            sex,
            age,
        } = person;
        console.log(address, sex, age, );

        //  多写变量 undefined
    </script>
</body>

</html>